<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/style01.css">
</head>

<body>
    <!-- 遵循html5规范使用语义的标签来进行书写 -->
    <!-- 网页头部 -->
    <header>
        <!-- 头部容器 -->
        <div id="header">
            <div class="search">
                <!-- logo -->
                <a href="https://pc.qq.com/" class="logo"></a>
                <!-- 导航 -->
                <ul class="menu">
                    <li class="item"><a href="#">首页</a></li>
                    <li class="item"><a href="#">分类</a></li>
                    <li class="item"><a href="#">软件购买</a></li>
                </ul>
                <!-- 搜索框 -->
                <form action="#" method="post" class="myform">
                    <input class="inp" type="search" placeholder="在这里输入你要找的软件">
                    <button class="btn"></button>
                </form>

            </div>
        </div>
    </header>

    <!-- 网页主体 -->
    <section>
        <!-- 轮播 -->
        <div id="content" class="clearfix">
            <div class="box">
                <div class="l_left"></div>
                <div class="l_right"></div>
            </div>
        </div>
        <!-- 下方小块 -->
        <div class="list">
            <div class="list_item01">
                <div class="kuai"></div>
                <div class="kuai"></div>
                <div class="kuai"></div>
                <div class="kuai"></div>
            </div>
        </div>

    </section>

    <!-- 网页的尾部 -->
</body>

</html>